<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>英雄联盟详情页</title>
    <link rel="stylesheet" href="./css/xiangqing.css">
    <link rel="stylesheet" href="./css/liebiao.css">

</head>

<body>
    <div class="fixednav">
        <a href="#top">
            <i class="bg_sp btn_top"></i>
                 返回顶部
        </a>
        <a target="_blank" href="">反馈</a>
    </div>
    <div class="center">
        <div class="meu">
            <div class="top mian flex">
                <div class="top-left flex">
                    <p>手机版</p>
                    <span>丨</span>
                    <p>Q币充值</p>
                </div>
                <div class="top-right flex">
                    <div class="right-top">您还未登录，请登录</div>
                    <div class="flex daohang">
                        <span>丨</span>
                        <p>我的订单</p>
                        <span>丨</span>
                        <p>个人中心</p>
                        <span>丨</span>
                        <p>帮助中心</p>
                        <span>丨</span>
                        <p>游戏导航</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    <div class="menu">
        <div class="search">
            <div class="searchbox mian flex">
                <div class="logobox flex">
                    <a class="navico logo-djc" href="/mall/" target="_blank" title="道聚城"></a>
                </div>
                <div class="sbar flex">
                    <div class="navico stext">
                        <a class="navico sbtn" id="btn_nav_search_submit">搜索</a>
                        <input type="text" value="输入道具进行搜索" attr_default="输入道具进行搜索" id="inpt_nav_search_name"
                            class="js_btn_click_report" report_tag="mall.lol.index.categories_new">
                        <div id="blk_nav_search_keywordlist" class="keyword-list hide"></div>
                    </div>
                </div>
                <div class="logogame flex">
                    <a class="navico logo-lol" href="//lol.qq.com/" target="_blank" title="英雄联盟"></a>
                </div>
            </div>
            <div class="nav mian">
                <div class="nav-left mian flex">
                    <ul class="flex clearfix">
                        <li><a href="">首页</a></li>
                        <li><a href="">商品列表</a></li>
                        <li><a href="">活动专区</a></li>
                        <li><a href="">限时折扣</a></li>
                        <li><a href="">聚豆乐园</a></li>
                        <li><a href="">周边商城</a></li>
                        <li><a href="">个人中心</a></li>
                    </ul>
                    <div class="nav-right flex">
                        <a href="" title="购物车">
                            <i id="cartNum">（0）</i>
                            <s class="navico i-cart"></s>
                            购物车
                        </a>
                    </div>
                </div>
            </div>
            <div class="subnav mian">
                <div class="subwarp mian flex">
                    <ul class="flex">
                        <li class="all-class"><a href="">全部分类</a></li>
                        <li><a href="">英雄</a></li>
                        <li><a href="">表情</a></li>
                        <li><a href="">海克斯以及其他</a></li>
                        <li><a href="">云顶之弈</a></li>
                        <li><a href="">皮肤</a></li>
                        <li><a href="">道具</a></li>
                        <li><a href="">守卫眼皮肤</a></li>
                        <li><a href="">道具包</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="meu">
        <div class="location-box flex mian">
            <div class="flex">您现在的位置：英雄联盟>全部商品 > 道具详情</div>
        </div>
    </div>
    <div class="meu">
        <div class="layout mian flex">
            <div class="layout-left">
                 <div class="sbcont">
                    <h3>热门排行
                        <span class="green-line"></span>
                    </h3>
                    <ul class="viewbuy-box">
                      <!-- <li class="paihang">
                         <div class="rank-lin flex">
                            <div class="comico ico-rank">01</div>
                            <div class="djimg fl">
                                <img src="https://game.gtimg.cn/images/daoju/dbm/lol/20170216_28862_2202.jpg" width="76" height="76" alt="腥红之月 烬">
                            </div>
                            <div class="djinfo fr">
                                <p class="djname">腥红之月 烬</p>
                                <p class="djprice">Q币价：79.00 Q币</p>
                                <p class="djcpri" style="font-size:12px;">微信价：<strong>￥76.63 </strong></p>
                            </div>
                         </div>
                      </li> -->
                    
                    </ul>
                </div>
          
                <div class="sbcont mt10">
                    <h3>周边商城
                        <span class="green-line"></span>
                    </h3>
                    <ul class="zbcont">
                        <li>
                            <div class="prodimg"><img
                                    src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201911/20191126100132_35987.jpg"
                                    alt=""></div>
                            <div class="prodinfo">
                                <p class="prodname">伊芙琳 中型雕塑</p>
                                <p class="prodpri"><strong>￥520.00</strong></p>
                            </div>
                        </li>
                        <li>
                            <div class="prodimg"><img
                                    src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201908/20190822094440_79524.jpg"
                                    alt=""></div>
                            <div class="prodinfo">
                                <p class="prodname">K/DA MV版鼠标垫（加长版）</p>
                                <p class="prodpri"><strong>￥129.00</strong></p>
                            </div>
                        </li>
                        <li>
                            <div class="prodimg"><img
                                    src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201903/20190306102312_74770.jpg"
                                    alt=""></div>
                            <div class="prodinfo">
                                <p class="prodname">K/DA 鼠标垫（加长版）</p>
                                <p class="prodpri"><strong>￥129.00</strong></p>
                            </div>
                        </li>
                    </ul>
                    <div class="morebox flex">更多></div>
                </div>
            </div>
            <div class="maincont">
                <div class="filter-box">
                    <div class="filter-item flex">
                        <div id="ct_list_search_bar" class="fl"><label>关键字：</label><input type="text"
                                id="ipt_list_search_keyword" class="input-txt" style="margin-left:3px"></div>
                        <div id="ct_list_price_bar" class="fl ml20" style="text-align: left;">
                            价格区间(QB)：<input id="ipt_list_price_from" type="text" class="input-area-txt"><label>
                                -</label>
                            <input id="ipt_list_price_to" type="text" class="input-area-txt">
                        </div>
                        <div class="fl"><a href="#" class="btn-sure ml10" id="btn_list_search" title="确定">确定</a></div>
                    </div>
                    <div class="filterlist mt20 flex">
                        <div id="ct_list_order_bar" class="order-span fl">
                            <a class="current" href="javascript:;" data-order="dtShowBegin"
                                data-order-default="desc">上架时间</a>
                            <a href="javascript:;" data-order="lTotalBuyNum" data-order-default="desc">销量<em
                                    class="comico btn-filter-down" data-default-arrow="btn-filter-down"></em></a>
                            <a href="javascript:;" data-order="iPrice" data-order-default="asc">价格<em
                                    class="comico btn-filter-up" data-default-arrow="btn-filter-up"></em></a>
                        </div>
                        <p id="ct_list_mine_bar" class="fm-check flex">
                            <i data-switcher="1|0" class="comico i-checkbox" id="chk_list_have_no" data-value="0"></i>
                            <label data-switcher="1|0" style="cursor:pointer">显示未拥有</label>
                            <i data-switcher="0|1" class="comico i-checkbox" id="chk_list_have_yes" data-value="1"></i>
                            <label data-switcher="0|1" style="cursor:pointer">显示已拥有</label>
                        </p>
                    </div>
                </div>
                <div class="listwrap mt10">
                        <div class="listbox">
                            <div class="listbox listbox-a flex">
                                <!-- <dl>
                                    <dt>
                                         <a href="/lol/item/26944.shtml" target="_blank">
                                            <img src="https://game.gtimg.cn/images/daoju/app/lol/medium/N-lol-1-100000-148724.jpg?_t=1620792687" width="116" height="212" alt="正义之枪 卢锡安">
                                        </a>
                                    </dt>
                                    <dd>
                                        <a href="/lol/item/26944.shtml" class="djname" target="_blank"><strong>正义之枪 卢锡安</strong></a>
                                         <div class="bxlist-t1">
                                            Q币价：<span class="t2 fwb">&nbsp;&nbsp;&nbsp;</span><span class="t2 fwb">79</span><span class="t2 fwb"> Q币</span>
                                        </div>
                                        <div class="bxlist-t1">
                                            微信价：<span class="t2 fwb">&nbsp;&nbsp;&nbsp;￥76.63</span>
                                        </div>
                                         <div class="bxlist-t2 c">
                                            <a href="javascript:;" data-seqid="26944" class="btn-green buy-now btn_list_goodslist_buy" title="立即购买">立即购买</a>
                                        </div>
                                        
                                    </dd>
                                </dl> -->
                                
                            </div>
                            <a href="javascript:;" class="blue" >
                                <div class="">
                                    <div class="page_box">
                                        <a class="prv_off_btn page_bg " href="javascript:;" data-number="1"><em class="prv_off_icon"></em>上一页</a>
                                        <span class="page_num">
                                            <a class="page_bg cur_page_bg " data-number="1">1</a>
                                            <a class="page_bg " data-number="2">2</a>
                                            <a class="page_bg " data-number="3">3</a>
                                            <a class="page_bg " data-number="4">4</a>
                                            <a class="page_bg " data-number="5">5</a>
                                        </span>
                                        <a class="next_on_btn page_bg" href="javascript:;" data-number="2">下一页<em class="next_on_icon"></em></a>
                                        <span>共<em>147</em>页 到第<input name="goto_page" type="text" class="input_area_txt">页</span>
                                    </div>
                                </div>

                            </a>
                        </div>
                    
                </div>




            </div>
        </div>
        <div class="foot">
            <div class="foot-top mian flex">
                <div class="bx_qa_t1">
                    <h4 class="bx_qa_title flex">
                        <s class="i_sp i_new"></s>
                        我是新手
                    </h4>
                    <ul class="bx_qa_ul c">
                        <li><a title="什么是道聚城" target="_blank" class="btn_c"
                                href="/mall/help/help_daoju.shtml">什么是道聚城</a></li>
                        <li><a title="如何购买道具" target="_blank" class="btn_c" href="/mall/help/help_buy.shtml">如何购买</a>
                        </li>
                        <li><a title="如何赠送道具" target="_blank" class="btn_c" href="/mall/help/help_send.shtml">如何赠送</a>
                        </li>
                        <li><a title="如何获取聚豆" target="_blank" class="btn_c"
                                href="/mall/help/help_judou.shtml">如何获取聚豆</a></li>
                    </ul>
                </div>
                <div class="bx_qa_t1">
                    <h4 class="bx_qa_title flex">
                        <s class="i_sp i_qa"></s>
                        个人中心
                    </h4>
                    <ul class="bx_qa_ul c">
                        <li><a title="道具发货时间" target="_blank" class="btn_c"
                                href="/mall/help/help_provide.shtml">发货时间</a></li>
                        <li><a title="道具如何领取" target="_blank" class="btn_c"
                                href="/mall/help/help_receive.shtml">如何领取</a></li>
                        <li><a title="道具补发规则" target="_blank" class="btn_c"
                                href="/mall/help/help_reissue.shtml">补发规则</a></li>
                        <li><a title="Vip价定义" target="_blank" class="btn_c" href="/mall/help/help_vip.shtml">Vip价定义</a>
                        </li>
                        <li><a title="道具状态定义" target="_blank" class="btn_c"
                                href="/mall/help/help_status.shtml">道具状态定义</a></li>
                    </ul>
                </div>
                <div class="bx_qa_t1">
                    <h4 class="bx_qa_title flex">
                        <s class="i_sp i_pay"></s>
                        支付方式
                    </h4>
                    <ul class="bx_qa_ul c">
                        <li><a title="支付方式" target="_blank" class="btn_c" href="/mall/help/help_payment.shtml">支付方式</a>
                        </li>
                        <li><a title="购物点支付" target="_blank" class="btn_c" href="/mall/help/help_ticket.shtml">购物点支付</a>
                        </li>
                        <li><a title="如何充值" target="_blank" class="btn_c" href="/mall/help/help_recharge.shtml">如何充值</a>
                        </li>
                    </ul>
                </div>
                <div class="bx_qa_t1">
                    <h4 class="bx_qa_title flex">
                        <s class="i_sp i_kf"></s>
                        腾讯在线服务
                    </h4>
                    <ul class="bx_qa_ul c">
                        <li><a title="腾讯官方在线客服" target="_blank" class="btn_c" id="kf" href="javascript:;">腾讯官方在线客服</a>
                        </li>
                    </ul>
                    <div class="business-link" target="_blank"
                        href="//szcert.ebs.org.cn/1efd63b4-7863-490a-839f-53968220109f"></a>
                    </div>
                </div>

                <div class="bx_qa_ul_last flex">
                    <div class="last-a">
                        <div class="foot-codeimg">
                            <img src="img/zsdjc.png" width="100" height="100" alt="掌上道聚城二维码">
                        </div>
                        <p class="foot-codename">掌上道聚城</p>
                    </div>
                    <div class="last-b">
                        <div class="foot-codeimg">
                            <img src="img/wechatdjc.png" width="100" height="100" alt="道聚城公众号">
                        </div>
                        <p class="foot-codename">道聚城公众号</p>
                    </div>
                </div>

            </div>
            <div id="footer_ied">
                <div class="wrap_ied">
                    <p>
                        <a href="" target="_blank">腾讯互动娱乐</a>
                        | <a href="" target="_blank">服务条款</a>
                        | <a href="" target="_blank">腾讯游戏隐私保护指引</a>
                        | <a href="" target="_blank">腾讯游戏儿童隐私保护指引</a>
                        | <a href="" target="_blank">广告服务</a>
                        | <a href="" target="_blank">腾讯游戏招聘</a>
                        | <a href="" target="_blank">腾讯游戏客服</a>
                        | <a href="" target="_blank">游戏地图</a>
                        | <a href="" target="_blank">腾讯公司 版权所有</a>
                    </p>
                    <p class="e">COPYRIGHT © 1998 – 2020 TENCENT. ALL RIGHTS RESERVED.</p>
                    <p><a href="//www.tencent.com/law/mo_law.shtml?/law/copyright.htm" target="_blank">腾讯公司 版权所有</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
    <script src="./js/jquery.js"></script>
    <script src="./js/liebiao.js"></script>
</body>

</html>